<!DOCTYPE html>
<!--[if IE 7]>                  <html class="ie7 no-js" lang="en">     <![endif]-->
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en">  <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ha Long Bay Junk Cruise</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
</head>

<body>
<header>
	<div class="wrapper hgroup">
    	<h1><a href="#">Ha Long Bay Junk Cruise</a></h1>
        <div class="hotline">
        	<img src="images/icon_tel.png" alt="Hotline">Hotline: (84-8) 3920 4766 (16 lines)<br>
			<img src="images/icon_mail.png" alt="mail">Email: info@tnktravel.com.vn<br>
			<img src="images/icon_license.png" alt="license">International Touroperator License No: 79-102/2010/TCDL_GP LHQT<br>
        </div>
    </div>
    <nav id="site-navigation" class="main-navigation" role="navigation">
    	<div class="wrapper">
            <ul class="nav-menu">
                <li><a href="#">Home</a></li>
                <li><a href="#">Luxury Cruise</a>
                    <ul class="sub-menu">
                        <li><a href="#">Violet Cruise</a></li>
                        <li><a href="#">Violet Cruise</a></li>
                        <li><a href="#">Violet Cruise</a></li>
                        <li><a href="#">Violet Cruise</a></li>
                    </ul>
                </li>
                <li><a href="#">deluxe cruise</a>
                    <ul class="sub-menu">
                        <li><a href="#">Deluxe Cruise</a>
                           <ul class="sub-menu">
                                <li><a href="#">Violet Cruise</a></li>
                                <li><a href="#">Violet Cruise</a></li>
                                <li><a href="#">Violet Cruise</a></li>
                                <li><a href="#">Violet Cruise</a></li>
                    	   </ul>
                        </li>
                        <li><a href="#">Deluxe Cruise</a>
                           <ul class="sub-menu">
                                <li><a href="#">Violet Cruise</a></li>
                                <li><a href="#">Violet Cruise</a></li>
                                <li><a href="#">Violet Cruise</a></li>
                                <li><a href="#">Violet Cruise</a></li>
                    	   </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Superior Cruise</a>
                    <ul class="sub-menu">
                        <li><a href="#">Facts & figures</a></li>
                        <li><a href="#">Cabin & suites</a></li>
                        <li><a href="#">Restaurant & bar</a></li>
                        <li><a href="#">Services and facilities</a></li>
                    </ul>
                </li>
                <li><a href="#">Gallery</a></li>                
                
                <li><a href="#">Travel guider</a>
                    <ul class="sub-menu">
                        <li><a href="#">Exquisite cuisine</a></li>
                        <li><a href="#">Onboard activities</a></li>
                        <li><a href="#">Culture experience</a></li>
                    </ul>
                </li>
                <li><a href="#">Contact us</a></li>               
            </ul>
    	</div>
    </nav>
    
    <div class="nav-mobi wrapper">
        <div id="nav-mobi">
            <div class="flip">Menu</div>
            <div class="panel">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Why the SHC ?</a>
                        <ul class="sub-menu">
                            <li><a href="#">Philosophy</a></li>
                            <li><a href="#">Vision</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Commitments</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Destinations</a>
                        <ul class="sub-menu">
                            <li><a href="#">Where we cruise</a>
                                <ul class="sub-menu">
                                    <li><a href="#">The Golf of Tonkin</a></li>
                                    <li><a href="#">Bai Tu Long bay</a></li>
                                    <li><a href="#">Halong bay</a></li>
                                    <li><a href="#">Lang Ha bay</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Where we visit</a>
                                <ul class="sub-menu">
                                    <li><a href="#">Vong Vieng floating village</a></li>
                                    <li><a href="#">Trong (Drum) cave</a></li>
                                    <li><a href="#">Trinh Nu (Virgin) cave</a></li>
                                    <li><a href="#">Coc Ngoi (Toad) Islet</a></li>
                                    <li><a href="#">Van Gia fishing village</a></li>
                                    <li><a href="#">Three Peaches beach</a></li>
                                    <li><a href="#">Toi and Sang Cave</a></li>
                                    <li><a href="#">Surprise Cave (Sung Sot)</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">Our Vessel</a>
                        <ul class="sub-menu">
                            <li><a href="#">Facts & figures</a></li>
                            <li><a href="#">Cabin & suites</a></li>
                            <li><a href="#">Restaurant & bar</a></li>
                            <li><a href="#">Services and facilities</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Our itineraries</a>
                        <ul class="sub-menu">
                            <li><a href="#">1 day cruise</a></li>
                            <li><a href="#">2 days / 1 night cruise</a></li>
                            <li><a href="#">3 days / 2 night cruise</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Photos gallery</a></li>
                    <li><a href="#">Highlights</a>
                        <ul class="sub-menu">
                            <li><a href="#">Exquisite cuisine</a></li>
                            <li><a href="#">Onboard activities</a></li>
                            <li><a href="#">Culture experience</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Hot deals</a></li>
                    <li><a href="#">Helpful tips</a>
                        <ul class="sub-menu">
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Visa on arrival</a></li>
                            <li><a href="#">How to get o Ha long ?</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
	</div>   
</header>
<div id="container">
	<div class="bg_banner">
        <div class="wrapper"> 
            <div class="grid24" style="margin-top:20px;"> 	
                <div class="reservation">      	
                    <h4>Cruise deals of the day</h4>
                    <form class="frm_reservation">
                        <div><label>Cruise Name:</label></div>
                        <div><select name=""></select></div>  
                        <div><label>Departure Date:</label></div>
                        <div><input type="text" id="check-in" name="checkin"></div>
                        <div><label>Tour Package:</label></div>
                        <div><select name=""></select></div> 
                        <div><label>Cabin:</label></div>
                        <div><select name=""></select></div>
                        <div><img src="images/icon_check.png" alt="guarantee price">48 cruises, best price guarantee</div>   
                        <div style="margin-top:14px;"><input type="submit" class="btn_res" value="Check now" name="booking"></div>   
                    </form>
                </div>  <!-- reservation -->
                
                <div class="grid18" style="margin-left:10px;">
                	<img src="images/banner.png" alt="banner">
                </div>
                                   
            </div><!-- grid 24 -->    
        </div><!-- wrapper -->
    </div><!-- bg banner -->
    
    <div class="wrapper">
    	<div class="grid24" style="margin-top:20px;">
        	<aside class="grid6">
            	<div class="box"><!-- support -->
                	<h5>ONLINE SUPPORT</h5>
                    <table style="width:100%">
                    	<tr>
                        	<td colspan="2" style="text-align:center; font-weight:bold;">Sale Excutive</td>                            
                        </tr>
                        <tr>
                        	<td>Mr.Danh</td> 
                            <td>Ms.Hang</td>                           
                        </tr>
                        <tr>
                        	<td><img src="images/yahoo.png" alt="yahoo"></td> 
                            <td><img src="images/yahoo.png" alt="yahoo"></td>                           
                        </tr>
                        <tr>
                        	<td><img src="images/icon_skype.png" alt="skype"></td> 
                            <td><img src="images/icon_skype.png" alt="skype"></td>                           
                        </tr>
                        <tr>
                        	<td colspan="2">8:30 - 17:00 (GMT +7)</td>                           
                        </tr>
                    </table>
                </div><!-- support -->
                
                <div class="box"><!-- wwhy -->
                	<h5>WHY BOOK WITH US</h5>
                    <ul class="reason">
                    	<li>Trustworthy travel agency</li>
                        <li>Prompt response</li>
                        <li>We are local</li>
                        <li>Ease of Planning</li>
                        <li>Customer Satisfaction</li>
                    </ul>
                </div><!-- why -->
                
                 <div class="box"><!-- 5 step -->
                	<h5>WHY BOOK WITH US</h5>
                    <img src="images/5step.png" alt="5 steps to book" style="margin-top:10px;">
                </div><!-- 5 step -->
                
                <div class="box2"><!-- partner -->
                	<h5>partner</h5>
                    <img src="images/signature.jpg" alt="signature halong cruise" style="margin-top:10px;">
                    <img src="images/paloma.jpg" alt="paloma cruise">
                </div><!-- partner -->
                
                 <div class="box2"><!-- gallery -->
                	<h5>partner</h5>
                    <img src="images/gallery.jpg" alt="gallery" style="margin-top:10px;">
                </div><!-- gallery -->
                
                <div class="box"><!-- wwhy -->
                	<h5>links</h5>
                    <ul class="reason">
                    	<li>tnktravelvietnam.com</li>
                        <li>mekongcruisenow.com</li>
                        <li>signaturehalongcuise.com</li>
                        <li>tnkvoyage.com</li>
                        <li>vietnamtailormadetours</li>
                    </ul>
                </div><!-- why -->                
            </aside>
            
            <div class="grid18"><!-- content -->
            	<article class="welcome">
                	<h2>Travel to Vietnam with tour and holiday packages of TNK Travel</h2>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus metus lectus, semper eget dictum nec, pretium non nisi. Nulla elit ante, tincidunt id augue sit amet, luctus malesuada diam. Suspendisse et luctus metus, at lacinia tortor. Sed adipiscing elit et bibendum porttitor. Nullam lobortis mauris purus, id rhoncus ante bibendum ut. Morbi tempor, tortor a ornare volutpat, ligula est vestibulum lorem, scelerisque sodales ipsum lorem vitae orci. Sed a neque sollicitudin, ultrices felis quis, porttitor arcu. Curabitur ac quam puru
                    <div class="readmore">
                    	<a href="#">Read more</a>
                    </div>   
                    
                </article>
                
                <div class="clear"></div>
                
                <section class="grid18">
                	<h2>RECOMMEND TOURS</h2>
                    <article class="recommend">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <div class="grid12">
                        	<h3><a href="#">Hanoi To Saigon Highlights-14 Days/ 13 Nights</a></h3>
                            <p>Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.
Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.</p>                            
                        </div>                    	
                    </article>
                    <article class="recommend">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <div class="grid12">
                        	<h3><a href="#">Hanoi To Saigon Highlights-14 Days/ 13 Nights</a></h3>
                            <p>Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.
Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.</p>                            
                        </div>                    	
                    </article>
                    <article class="recommend">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <div class="grid12">
                        	<h3><a href="#">Hanoi To Saigon Highlights-14 Days/ 13 Nights</a></h3>
                            <p>Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.
Discover the highlights of Vietnam in two weeks, including the 1,000 year old capital Hanoi and the stunning scenery in the north, as well as numerous World Heritage sites, beautiful beaches, historic Saigon and the lush Mekong Delta.</p>                            
                        </div>                    	
                    </article>
                </section>
                
                <section class="grid18">
                	<div class="top_cruise">
                    	<h2>luxury cruise</h2>
                        <div class="pagercontrol">
                        	<ul class="pagercontrolul">
                            	<li>
                                	<a href="#">1</a>
                                </li>
                                <li>
                                	<a href="#">2</a>
                                </li>
                                 <li>
                                	<a href="#">3</a>
                                </li>
                                <li>
                                	<a href="#">4</a>
                                </li>
                            </ul>
                            <a href="#">View all</a>
                        </div>
                    </div><!-- top cruise-->
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo" ></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                </section>
                
                <section class="grid18">
                	<div class="top_cruise">
                    	<h2>deluxe cruise</h2>
                        <div class="pagercontrol">
                        	<ul class="pagercontrolul">
                            	<li>
                                	<a href="#">1</a>
                                </li>
                                <li>
                                	<a href="#">2</a>
                                </li>
                                 <li>
                                	<a href="#">3</a>
                                </li>
                                <li>
                                	<a href="#">4</a>
                                </li>
                            </ul>
                            <a href="#">View all</a>
                        </div>
                    </div><!-- top cruise-->
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                </section>
                
                <section class="grid18">
                	<div class="top_cruise">
                    	<h2>superior cruise</h2>
                        <div class="pagercontrol">
                        	<ul class="pagercontrolul">
                            	<li>
                                	<a href="#">1</a>
                                </li>
                                <li>
                                	<a href="#">2</a>
                                </li>
                                 <li>
                                	<a href="#">3</a>
                                </li>
                                <li>
                                	<a href="#">4</a>
                                </li>
                            </ul>
                            <a href="#">View all</a>
                        </div>
                    </div><!-- top cruise-->
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise" style="margin-right:10px;">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                    <article class="cruise">
                    	<figure class="featured-thumbnail">
               				 <a href="#"><img src="images/Beach Lunch 2.jpg" alt="demo"></a>                                   
            			</figure>
                        <h3><a href="#">violet cruise</a></h3>
                        <p>Mauris diam elit, vehicula ut orci in, bibendum accumsan ipsum ndisse rutrum, neque id mattis vulputate,...</p>                        
                    </article>
                </section>
                
                
            </div><!-- content -->
            
        </div><!-- grid 24 -->
    </div><!-- wrapper -->
   
</div> <!-- container -->
<footer>
	<div class="menu">
   		<div class="wrapper">
        	<ul class="nav_footer">
            	<li style="padding-left:0px;"><a href="#">About us</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Term &amp; condition</a></li>
                <li><a href="#">Testimonial</a></li>
            </ul>
        </div>
    </div><!-- menu -->
    
    <div class="secondinfo">
    	<div class="wrapper">
        	<div class="grid6"><!-- travel guide -->
            	<h5>Travel Guide</h5>
                <ul class="travelguide">
                	<li><a href="#">Travel Tip</a></li>
                    <li><a href="#">Shopping</a></li>
                    <li><a href="#">Transport</a></li>
                    <li><a href="#">Entertaiment</a></li>
                    <li><a href="#">Gastronomy</a></li>
                    <li><a href="#">Festivals</a></li>
                    <li><a href="#">Useful Information</a></li>
                    <li><a href="#">Restaurants</a></li>
                    <li><a href="#">Attractions</a></li>
                </ul>            
            </div><!-- travel guide -->
            
            <div class="grid10" style="margin-left:10px;"><!-- testimonial -->
            	<div class="testimonial">
            		<h5>Testimonial</h5>
                    <div class="pagercontrol">
                    	<ul class="pagercontrolul">
                            <li>
                                <a href="#">&lt;</a>
                            </li>
                            <li>
                                <a href="#">&gt;</a>
                            </li>                            
                        </ul>
                    </div>
                </div>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus metus lectus, semper eget dictum nec, pretium non nisi. Nulla elit ante,
                    tincidunt id augue sit amet, luctus malesuada diam. Suspendisse et luctus metus, at lacinia tortor. Sed adipiscing elit et bibendum porttitor                    
                    Nullam lobortis mauris purus, id rhoncus ante bibendum ut. Morbi tempor, tortor a ornare volutpat, ligula est vestibulum lorem, scelerisque 
                    sodales ipsum lorem vitae orci. Sed a neque sollicitudin, ultrices felis quis, porttitor arcu. Curabitur ac quam purus.Lorem ipsum dolor sit amet.
                </p>
                <div class="testimonial_name">
                	Jonh Henrry
                </div>
                 
            </div><!-- testimonial -->
            
            <div class="grid6 payment"><!-- payment -->
            	<h5>Payment Method</h5>
                <img src="images/paypal.png" alt="paypal">
                <img src="images/paynow.png" alt="paynow">
                <h5>Follow us</h5>
                <a href="#"><img src="images/facebook.png" alt="facebook"></a>
                <a href="#"><img src="images/twitter.png" alt="twitter"></a>
                <a href="#"><img src="images/youtube.png" alt="youtube"></a>
                <a href="#"><img src="images/google.png" alt="google"></a>
                <a href="#"><img src="images/flickr.png" alt="flickr"></a>
            </div><!-- payment -->
            
        </div><!-- wrapper -->
    </div><!-- second info -->
    
    <div class="address wrapper">
        <address>
           	<dt>Address: 220 Đề Thám, Dist 1, Hochiminh city, Vietnam<br>
            Phone: (+848) 3920 4767<br>
            Fax: (+848) 3920 5377<br>
            Email: info@tnktravelvietnam.com.vn</dt>
            <dl>
            	© Copyright by TNK Travel 2013. All right reserved.
            </dl>
        </address>
    </div>    
</footer>
</body>
</html>
